*{
     margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
    body{
        width: 100%;
     }
     
    
     .header{
        height: 66px;
        background: #282828;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
     }
     .header .nav{
        width: 745px;
     }
     .header .nav ul{
        display: flex;
        justify-content: space-between;

     }
     .header ul li{
        text-align: center;
        line-height: 70px;
     }
      .header ul li a{
        font-size: 12px;
        color:#ffffff;

      }
      .header ul li a:hover{
        color: #596766;
      }
        .header p:last-child{
            width:120px;
            height:66px;
            background:#f25c4a; 
            margin-right:35px;
        }
          .header p:last-child a{
            color: #ffff;
            display: block;
            text-align: center;
            line-height: 70px;
          }
           .header p:hover{
            color: #f25c4a;
           }
          /*隐藏部分*/
          .phone_hide{
            position: absolute;
            height: 240px;
            background: #2e2f30;
            top:63px;
            left:0;
             display: flex;
            justify-content: space-between;
           display: none;
           z-index: 999
          }
          .header .header_phone:hover .phone_hide {
        display:block;
    }
           .phone_hide ul{
            height: 240px;
            display: flex;
            }
            .phone_hide ul li img{
               text-align: center;
               margin-top: 50px;
            }
        .phone_hide ul li{
            width: 210px;
            height: 240px;
           text-align: center;

        }
         .phone_hide ul li a{
            font-size: 12px;
            color: #fff;
         text-align: content;
         

         }
         .phone_hide ul li span{
            display: block;
             height: 15px;
            margin-top:-36px;
            margin-left: 13px;
           

         }
          .phone_hide ul li:hover{
            background: #3a3a3a;
          }
         .phone_hide ul li span:hover{
            color: black;
         }
          /*尾部*/
        .footer{
            height: 710px;
            background: #efeeeb;
        }
     .footer .footer_menu{
        height:333px;
        width: 930px;
        margin: 0 auto;
        padding-top: 70px;
        display: flex;
        justify-content: space-between;

     }
     .footer .footer_menu ul{
         height:333px;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;


     }
      .footer .footer_menu ul li:first-child{
            font-size: 17px;      
            font-weight:400;
      }
     .footer .footer_menu ul li{
        width: 165px;
        height: 22px;
        margin-top:2px;
        
     }
      .footer .footer_menu ul li a{
        font-size: 12px;
        color:#606463;
      }
       .footer .footer_menu ul li a:hover{
        color: #f01b4d;
       }
       .footer_foot{
        height:239px;
        background:#fff;
       margin-top:65px;
       text-align: center;
       }
    .footer_foot p{
        height: 14px;
        margin-bottom: 18px;
        font-size: 12px;
    }
    .footer_foot .footer_foot_weibu a{
        color: red;
        font-style: 12px;
    }

         /*列表页面*/
     .list{
        display: flex;
        justify-content: space-around;
     }
    .list img{
    width: 310px;
    height: 180px;
    }
    .list .list_nodeHeader{
        height: 180px;
        width: 240px;
       
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        
    }
     .list .list_nodeHeader dl{
        border:1px solid #999999; 
        height:86px;
        width:78px;
        display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
     }
    .list .list_nodeHeader dl dt{
         height: 40px;
        width:40px;
        margin-top: 20px;
    }
    .list .list_nodeHeader dl dt i{
        font-size: 28px;
    }
    .list .list_nodeHeader dl:hover{
        background:#ffd2ff;
    }
    .list .list_nodeHeader dl dd:hover{
        color:#7e7e7e;
    }
     .main{
        display: flex;
        justify-content: space-between;
     }
     h2{
        padding:20px;
        font-style: 24px;
        color:#7e7e7e;
    }
    .main a{
        margin-right: 20px;
        font-size: 12px;
        color: red;
    }


    /*列表*/
    .list_box1{
        height: 463px;
         display: flex;
        justify-content: space-around;
    }
    .list_box1 ul{
        height:382px;
        width: 290px;
        display: flex;
        justify-content: space-around;

    }
     .list_box1 ul li{
        background:#e9e6e1;
     }
    .list_box1 ul li h2{
        font-size: 19px;
        text-align: center;

    }
     .list_box1 ul li p{
        font-size:12px;
        color: red;
        text-align: center;
        margin-top:-10px;
     }
      .list_box1 ul .conntect img{
          height:248px;
        width: 290px;
        text-align: center;
    }
     .list_box1 ul .conntect span{
        text-align: center;
        color: red;
        margin-left:83px;
     }
     .list_box1 ul .conntect a{
       
        font-size: 15px;
        font-weight: 600;
        color: black;
      }
       .list_box1 ul .conntect a:hover{
        color:#9dc6f0;
       }
       .box2 {
         height:936px;
         display: flex;
         flex-flow: wrap;
         justify-content: space-around;

        }
        .box3{
            height:347px;
        }
        .box3 ul li{
            background: #f4f3ef;
        }
        .box3 ul li p {
            font-size: 15px;
            color: black;
            margin-top: 20px;
        }
        .box3 ul li p:last-child{
            color:#999999;
        }
      /*end_quick*/
      .footer_end{
        height: 188px;


      }
       .footer_end ul{

        height: 172px;
        
        display: flex;
        justify-content: space-around;
       position: relative;
       }
        .footer_end ul li{
             height: 172px;
             width: 590px;

        }
        .footer_end ul li img{
            position: absolute;
            top:20px;
            left:20px;
        }
         .footer_end ul li p{
             font-size: 13px;
             color: #999999;
         }
         
 .footer_end ul li div{
    margin-left: 113px;

 }
 .footOver{
    margin:10px;
    height: 117px;
    display: flex;
    justify-content: space-around;
 }
.footOver ul li{
    height:50px;
    width:300px; 
    border-right: 1px solid #999999;
}
 .footOver ul{
    height: 50px;
    display: flex;
    justify-content: space-around;
 }
 .footOver ul li a img{
     height:50px;
    width:50px;
 }
 .footOver ul li a span{
    font-size:15px;
    color: #999999;
   }
